// .wrapper {
//   height: 100%;
//   display: flex;
//   justify-content: center;
//   align-items: center;
// }
.customTimeCard {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  header {
    padding: 12px 16px;
    background: var(--common-theme-bg);
    color: var(--dialog-header-color);
  }
  main {
    background-color: var(--common-block-bg);
    padding: 4px 0;
    footer {
      display: flex;
      justify-content: flex-end;
      margin-top: 16px;
      button {
        padding: 8px 16px;
        border: unset;
        background-color: transparent;
      }
    }
    :global{
      .adm-form .adm-form-footer{
        text-align: right;
        padding: 8px 12px 12px;
        button+button{
          margin-left: 16px;
        }
      }
    }
  }
}